<!DOCTYPE html>
<html class="ui-page-login">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>评分作品</title>
    <link href="../../css/mui.css" rel="stylesheet"/>
    <link href="../../css/reset.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../css/iconfont.css" />
    <link rel="stylesheet" href="../../css/pingwei.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="address=no">
    <script src="../../js/jquery.min.js"></script>
    <script type="text/javascript">
        var docEl = document.documentElement;
        var clientWidth = docEl.clientWidth;
        docEl.style.fontSize = (clientWidth / 10) + 'px';
        $(document).ready(function () {
            (function (doc, win) {
                var docEl = doc.documentElement,
                        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                        recalc = function () {
                            var clientWidth = docEl.clientWidth;
                            docEl.style.fontSize = (clientWidth / 10) + 'px';
                        };

                if (!doc.addEventListener) return;
                win.addEventListener(resizeEvt, recalc, false);
                doc.addEventListener('DOMContentLoaded', recalc, false);
            })(document, window);
        });
    </script>
</head>

<body>
<article class="mui-content pingfen-zuopin">
    <ul class="xuanxiang-box">
    	<li class="xuanxiang-box-fen ">
    		<p class="xuanxiang-box-fen-top xuanxiang">作品信息</p>
    		<p class="xuanxiang-box-fen-down xuanxiang ">Beer information</p>
    	</li>
    	<li class="xuanxiang-box-xian">
    		<p class="xuanxiang-box-xian-t ">-</p>
    	</li>
    	<li class="xuanxiang-box-fen">
    		<p class="xuanxiang-box-fen-top">必填项</p>
    		<p class="xuanxiang-box-fen-down">Required</p>
    	</li>
    	<li class="xuanxiang-box-xian">
    		<p class="xuanxiang-box-xian-t">-</p>
    	</li>
    	<li class="xuanxiang-box-fen">
    		<p class="xuanxiang-box-fen-top">选填项</p>
    		<p class="xuanxiang-box-fen-down">Optional</p>
    	</li>
    </ul> 
    <div class="pingfen-zuopin-main">
	  <div class="pingwei-info-main">
    	<div class="pingwei-info-main-top">
    		<p class="pingwei-info-main-top-tit">作品信息</p>
    		<p class="pingwei-info-main-top-titen">Beer information</p>
    	</div>
    	<ul class="pingwei-info-main-bottom">
    		<li class="pingwei-info-main-bottom-fen">
    			<span class="pingwei-info-main-bottom-fen-left">作品编号/Beer code:</span>
    			<span class="pingwei-info-main-bottom-fen-right zpbianhao">A108</span>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<span class="pingwei-info-main-bottom-fen-left">作品名称/Beer name:</span>
    			<span class="pingwei-info-main-bottom-fen-right zpmingchen">金色年华</span>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<span class="pingwei-info-main-bottom-fen-left">报名组别/Entrance group:</span>
    			<span class="pingwei-info-main-bottom-fen-right zpzubie">拉个组</span>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<span class="pingwei-info-main-bottom-fen-left">准确风格/Accurate style:</span>
    			<span class="pingwei-info-main-bottom-fen-right zpfengge">XXXXXXXXXX</span>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<P class="pingwei-info-main-bottom-fen-top">作品介绍/Introduction of Beer</P>
    			<P class="pingwei-info-main-bottom-fen-down zpjieshao">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</P>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<P class="pingwei-info-main-bottom-fen-top">创作的想法或理念/Creative ideas</P>
    			<P class="pingwei-info-main-bottom-fen-down zpidea">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</P>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<P class="pingwei-info-main-bottom-fen-top">原材料简述/Brief introduction of raw materials</P>
    			<P class="pingwei-info-main-bottom-fen-down zpyuan">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</P>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<P class="pingwei-info-main-bottom-fen-top">辅料简述/Brief introduction of excipients</P>
    			<P class="pingwei-info-main-bottom-fen-down zpfu">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</P>
    		</li>
    		<li class="pingwei-info-main-bottom-fen">
    			<P class="pingwei-info-main-bottom-fen-top">啤酒相关数据/Beer related data</P>
    			<P class="pingwei-info-main-bottom-fen-down zpxiangguan">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</P>
    		</li>   		
    	</ul>
    </div>
    </div>
</article>
<nav class="mui-bar mui-bar-tab saishidetai-tab">
	<a class="saishidetai-tab-baom" href="pingfen-bitian.html">下一步/Next</a>	   
</nav>
<script src="../../js/mui.min.js"></script>
<script src="../../js/jquery.validate.js"></script>
<script src="../../js/queryString.js"></script>
<script type="text/javascript" src="../../js/mui.picker.js" ></script>
<script type="text/javascript" src="../../js/mui.poppicker.js">	</script>
<script src="../../js/main.js"></script>
<script src="../../js/sign.js"></script>
<script>
	$(document).ready(function() {
		var id = getUrlParam('id');
		var referee_id = getUrlParam("referee_id");
		if (referee_id) {
			$.cookie("referee_id", referee_id);
		}
		var event = {
			getList: function () {
				var data = {
					apiCode: '/Match/matchList',
				};
				http(data, function (responed) {
					if(responed.success==1){
						goodinfo = responed.info;
						$('.zpbianhao').text(goodinfo.opus_no);
						$('.zpmingchen').text(goodinfo.opus_name);
						$('.zpzubie').text(goodinfo.group_name);
						$('.zpfengge').text(goodinfo.style_name);
						$('.zpjieshao').text(goodinfo.opus_desc);
						$('.zpidea').text(goodinfo.idea);
						$('.zpyuan').text(goodinfo.raw);
						$('.zpfu').text(goodinfo.other_raw);
						$('.zpxiangguan').text(goodinfo.relat_data);
						$('.saishidetai-tab-baom').attr('href','pingfen-bitian.html?opus_id='+goodinfo.opus_id+'');
					}else{
					    mui.alert('错误');
					}
				});
			},
		}
		event.getList();
	});
</script>

</body>

</html>
